<template>
  <view class="car-info-contents">
    <ve-cell label="车架号">{{ info.vin || '-' }} </ve-cell>
    <ve-cell label="车型">{{ info.modelName || '-' }} </ve-cell>
    <ve-cell label="车辆当前归属门店">{{ info.siteName || '-' }} </ve-cell>
    <ve-cell label="归属车场">{{ info.libraryName || '-' }} </ve-cell>
  </view>
</template>
<script>
  export default {
    props: {
      info: {
        type: Object,
        default: () => {},
      },
    },
  }
</script>
<style lang="scss" scoped>
  .car-info-contents {
    background: #f7f8fa;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    opacity: 1;
    box-sizing: border-box;
    padding: 1rpx 24rpx;
  }
  :deep(.ve-cell-title) {
    width: 240rpx;
    max-width: 240rpx;
  }
</style>
